@charset "UTF-8";
@import "header";
@import "footer";
@import "reset";



//主要内容
.building-content{
    width: 88.3%;
    font-size: 0px;
    font-size: 18px;
    margin: 0 auto;
    padding-top: 96px;
    //左边菜单栏
    >.building-left{
        width: 27.1%;
        text-align: right;
        //第一个li
        >li:first-child{
            letter-spacing: 4px;
            >p{
                font-size: 23px;
                font-weight: bold;
            }
            >span{
                font-size: 21px;
                color: #d1d1d1;
            }
        }
        //li共同样式
        >.li-text{
            font-size: 18px;
            >a{
                color: black;
                >span{
                    font-size: 9px;
                }
            }
            //hover
            >a:hover{
               color: #006965;
            }
        }
        //第一个li
        >.li-first-text{
            margin-top: 40px;
        }
        //其他li行高
        >.li-text-top{
            margin-top: 27px;
        }
        //当前页高亮
        li:nth-child(4){
            font-weight: bold;
            >a{
                color: #006965;                
            }

        }
        
    }
    //右边主要内容
    .building-right{
        width: 66.9%;
        margin-left: 6%;
        //头部菜单栏
        .right-top-menu{
            font-size: 0px;
            position: relative;
            >a{
                display: inline-block;  
                height: 29px;
                text-align: center;
                line-height: 25px;
                color: black;
                padding: 2px 0px;
                font-size: 19px;                          
            }
            >a:hover{
                color: #006c68;
            }
            //第一哥a
            >a:first-child{
                width: 94px;
            }
            //第二个a
            >a:nth-child(2){
                width: 260px;
            }
            //第三个a
            >a:nth-child(3){
                width: 259px;
            } 
            //第三个a
            >a:nth-child(4){
                width: 259px;
                background: #006c68;
                color: white;
            }        
            //其他a样式
            >.latsSpan{
                color: black;
                width: 259px;
                margin-left: 41px;
            }
            //最后一个a
            >a:nth-child(4){
                margin: 14px 0px 0px 127px;
            }
            //分割线
            .line:after,.lineTwo:after{
                content: "";
                width: 1px;
                height: 12px;
                background: black;
                position: absolute;
            }
            .line:after{
                top: 10px;
                left: 118px;                
            }
            .lineTwo:after{ 
                top: 10px;
                left: 414px;             
            }
        }
        //公司菜单
        .company-nav{
            width: 687px;
            height: 32px;
            border-bottom: 1px solid #c9c9c9;
            >li{
                >a{
                    font-size: 15px;
                    color: #7a7a7a;
                }
                >a:hover{
                    color: #006c68;
                }
            }
            >.liSecond{
                margin-left: 81px;
            }
            >li:nth-child(2){
                >a{
                    color: #006c68;                   
                }

            }
        }
        //主要展示内容
        .right-content{
            width: 654px;
            margin-top: 31px;
            >img{
                width: 526px;
                height: 356px;
                margin-top: 30px;
            }
            >p{
                font-size: 16px;
                line-height: 38px;
                padding-top: 43px;
            }
            >p:last-child{
                margin-top: 18px;
                padding-bottom: 122px;
            }
            //图文
            .pAndImg{
                width: 523px;
                height: 21px;
                margin: 0 auto;
                text-align: center;
                margin-top: 41px;
                >li{
                    font-size: 15px;
                    
                }
                >li:nth-child(2),li:nth-child(3){
                    margin-left: 171px;
                }
            }
            .threeImg{
                margin-top: 30px;
                >img{
                    width: 209px;
                    height: 140px;
                    margin-left: 5px;
                }
            }
        }
        
    }
}
